<template>
  <div>
    App: {{ money }}
    <hr />
    <!-- //!#2 监听自定义事件，在内部做修改 -->
    <!-- //!自定义事件处的 $event 永远永远永远是儿子进行 emit 的时候的第二个参数 -->
    <Child :age="18" :money="money" @updateMoney="money -= $event">
      <template #name>
        <h2>谈啸</h2>
      </template>
      <h1></h1>
    </Child>
  </div>
</template>

<script>
import { ref } from 'vue';
import Child from './Child.vue';
export default {
  components: {
    Child
  },
  setup() {
    const money = ref(100)
    return { money }
  }
}
</script>

<style lang="scss" scoped></style>